// Sidebar light

.app-sidebar {
  &--light {
    .app-sidebar--footer {
      background: rgba($primary, 0.025);

      .MuiButton-root {
        color:fray svg {
          fill: rgba($primary, 0.7);
        }

        &.active,
        &:active,
        &:focus,
        &:hover {
          color: $primary;
          background: rgba($primary, 0.1);

          svg {
            fill: rgba($primary, 1);
          }
        }
      }

      ul {
        li {
          border-right-color: rgba($primary, 0.1);
        }
      }
    }
  }
}
